<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0055)http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button -->
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="en" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
<!-- Use the chrome frame -->
<meta http-equiv="X-UA-Compatible" content="chrome=IE8">
<title>Kukui Cup : </title>

<link rel="stylesheet" href="http://dasha.ics.hawaii.edu:8200/site_media/static/css/default/jquery-ui.css">
<link rel="stylesheet" href="./stylesheets/screen.css">
<link rel="stylesheet" href="http://dasha.ics.hawaii.edu:8200/site_media/static/frontendadmin/css/frontendadmin.css">
<link rel="stylesheet" href="http://dasha.ics.hawaii.edu:8200/site_media/static/uni_form/uni-form.css">
<link rel="stylesheet" href="http://dasha.ics.hawaii.edu:8200/site_media/static/css/default/logged_in_base.css">
<link rel="stylesheet" href="http://dasha.ics.hawaii.edu:8200/site_media/static/css/default/pages/view_energy.css">
<link rel="stylesheet/less" type="text/css" href="stylesheets/theme.less">
<link rel="stylesheet/css" type="text/css" href="stylesheets/theme-responsive.css" />
<script src="js/less-1.3.0.min.js" type="text/javascript"></script>

<body>
<div class="container">
  <div class="container-top">
    <div class="container-bottom">
      <div id="header">
        <div style="margin-top: 10px">
          <div id="header-logout">    
            <a id="header-feedback" href="javascript:void(0);">Send Feedback</a>
            <a href="http://dasha.ics.hawaii.edu:8200/account/cas/logout/?next=/landing/">Logout</a>
          </div>
          <div id="header-logo">
            <a href="home.html"><img src="./images/clearlogo.png" title="Home"></a>
          </div>
          <div id="header-info">
            <div id="header-avatar">
              <img src="./news_files/default_avatar.png">
            </div>
            <div id="header-user-info">
              <div id="header-user-username">
                &lt;george&gt;
              </div>
              <div id="user-cycle" style="position: relative; width: 120px; height: 61px; ">0
                <!-- Third slideshow element -->
                <div id="header-user-floor-rank3" style="position: absolute; z-index: 3; top: 0px; left: 0px; display: block; width: 120px; height: 61px; opacity: 0.9676000000000001; ">
                  <div id="header-user-points">
                    <h3>88</h3>
                    <div id="header-text">points</div>
                  </div>
                  <div id="header-user-rank">
                    <h3>#1</h3>
                    <div id="header-text">out of 51 in Ilima-E</div>
                  </div>
                </div>
                <!-- Fourth slideshow element -->
                <div id="header-user-overall-rank4" style="position: absolute; top: 0px; left: 0px; display: block; width: 120px; height: 61px; z-index: 2; opacity: 0.03239999999999987; ">
                  <div id="header-user-points">
                    <h3>88</h3>
                    <div id="header-text">points</div>
                  </div>
                  <div id="header-user-rank">
                    <h3>#1</h3>
                    <div id="header-text">out of 1013 overall</div>
                  </div>
                </div>
              </div>
            </div>
            <div id="header-floor-info">
              <div id="header-floor-name">
                Ilima: Lounge E
              </div>
              <div id="floor-cycle" style="position: relative; width: 120px; height: 66px; "> 
                <div id="header-floor-overall-rank3" style="position: absolute; z-index: 3; top: 0px; left: 0px; display: block; width: 120px; height: 66px; opacity: 0.9676000000000001; ">
                  <div id="header-floor-points">
                    <h3>1338</h3>
                    <div id="header-text">points overall</div>
                  </div>
                  <div id="header-floor-rank">
                    <h3>#1</h3> 
                    <div id="header-text">out of 20 in all dorms</div>
                  </div>
                </div>
                <div id="header-floor-overall-rank4" style="position: absolute; top: 0px; left: 0px; display: block; width: 120px; height: 38px; z-index: 2; opacity: 0.03239999999999987; ">
                  <div id="header-floor-energy">
                    <h3 id="overall-energy-value">141</h3>
                     <div id="header-text">kWh used overall</div>
                  </div>
                  <div id="header-floor-rank">
                    <h3 id="overall-energy-rank">#14</h3> 
                    <div id="header-text">out of 20 in all dorms</div>
                  </div>
                </div>
              </div>
            </div>
            <div id="header-floor-image">
              <img src="./news_files/hale.ilima.jpg">
            </div>
          </div>  
          <div id="header-nav">
            <div class="selected-energy">
              <div id="header-nav-links">
                <ul>
                  <li>
                    <a href="activities.html" class="activities">
                      <img src="./news_files/spacer.png">
                      <h4>Get Nutz</h4>
                    </a>
                  </li>
                  <li><a href="energy.html" class="energy">
                      <img src="./news_files/spacer.png">
                      <h4>Go Low</h4>
                    </a>
                  </li>
                  <li>
                    <a href="news.html" class="news">
                      <img src="./news_files/spacer.png">
                      <h4>News</h4>
                    </a>
                  </li>
                  <li>
                    <a href="prizes.html" class="prizes">
                      <img src="./news_files/spacer.png">
                      <h4>Prizes</h4>
                    </a>
                  </li>
                  <li>
                    <a href="profile.html" class="profile">
                      <img src="./news_files/spacer.png">
                      <h4>Profile</h4>
                    </a>
                  </li>
                  <li>
                    <a href="help.html" class="help">
                      <img src="./news_files/spacer.png">
                      <h4>Help</h4>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
            <div id='underbar'> </div>
          </div>
          <div id='spacer'></div>
        </div>

      <div id="quest-box" style="clear: both">
        <div id="quest-header">
          <h3 id="quest-title">Your Quests</h3>
          <a href="http://dasha.ics.hawaii.edu:8200/news/?ref=nav-button#" style="float: right">
          <img src="./news_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;quests&#39;); return false;"></a>
        </div>
        <div style="clear: both"></div>
		<ul id="quest-list">
          <li>
            <a href="javascript:void(0)" id="get-social" class="quest-title ">
              Get social
            </a>
          </li>
          
          <li>
            <a href="javascript:void(0)" id="get-fully-committed-badge" class="quest-title ">
              Get the Fully Committed badge
            </a>
          </li>
          
          <li>
            <a href="javascript:void(0)" id="check-lounge-energy-use" class="quest-title ">
              Check lounge energy use
            </a>
          </li>
        </ul>
        
        <div id="quest-details" style="margin: 0px 10px; display: none">
          <div id="quest-contents" style="clear:both"></div>
          <a href="javascript:void(0)" id="quest-hide">Close</a>
          <div style="clear:both"></div>
        </div>
      </div>
    </div>
    <div class="content">
      <div id="energy-power-scoreboard">
        <div id="energy-power" class="content-box">
         <div id="activity-power-box">
          <div id="energy-power-title" class="content-box-title">
            Current Lounge Power
            <a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" style="float: right">
            <img src="./energy_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;lounge-power&#39;); return false;"></a>
          </div>
          <div id="energy-power-content">
            <center>
            <div id="energy-power-gauge">
              <div id="visualization"></div> 
            </div>
            </center>
          </div>
         </div>
        </div>
        <br />
        <div id="energy-scoreboard-box" class="content-box">
          <div id="energy-scoreboard" style="position: relative; height: 530px; ">
            <div class="energy-scoreboard-cycle" style="position: absolute; top: 0px; left: 0px; opacity: 1; display: block; z-index: 4; ">
              <div id="energy-scoreboard-title" class="content-box-title" style="width: 100%">
                Overall kWh Score Board
                <a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" style="float: right">
                <img src="./energy_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;energy-scoreboard&#39;); return false;"></a>
              </div>
              <div id="energy-scoreboard-content">
                <table id="overall-energy-scoreboard"></table>
              </div>
           </div>
 
          <div class="energy-scoreboard-cycle" style="top: 0px; left: 0px; z-index: 2; position: absolute; opacity: 0; display: none; ">
            <div id="energy-scoreboard-title" class="content-box-title" style="width: 100%">
              Round 2 kWh Score Board
              <a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" style="float: right">
              <img src="./energy_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;energy-scoreboard&#39;); return false;"></a>
            </div>
            <div id="energy-scoreboard-content">
              <table id="round-2-energy-scoreboard"></table>
            </div>
         </div>
 
         <div class="energy-scoreboard-cycle" style="top: 0px; left: 0px; z-index: 1; position: absolute; opacity: 0; display: none; ">
           <div id="energy-scoreboard-title" class="content-box-title" style="width: 100%">
            Round 1 kWh Score Board
            <a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" style="float: right">
            <img src="./energy_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;energy-scoreboard&#39;); return false;"></a>
           </div>
         <div id="energy-scoreboard-content">
            <table id="round-1-energy-scoreboard"></table>
         </div>
       </div>
     </div>
      <div id="scoreboard-cycle-nav"><a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" class="activeSlide">1</a><a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#">2</a><a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#">3</a></div>
      <div id="energy-scoreboard-message">#1 at end of round wins a 
         <a href="http://dasha.ics.hawaii.edu:8200/prizes"> prize!</a>
       </div>
     </div>
    </div>

    <div id="energy-status">
      <div id="energy-status-box" class="content-box">
        <div id="energy-status-title" class="content-box-title">     
         Daily Energy Goal Game
          <a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" style="float: right">
          <img src="./energy_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;energy-goal-game&#39;); return false;"></a>
        </div>
        <div id="energy-status-content">
          <fieldset id="energy-status-progress">
            <legend>Current Status</legend>       
          <div id="energy-power-box">
            <div id="EnergyGoalGame-visualization"></div> 
          </div>
  

           <p> </p><center> <b>
           Each member receives 20 points
           each day that we make our goal. </b></center>   
          </fieldset>
	
          <fieldset id="energy-status-how">
            <legend>How can we make our daily goal?</legend>		
            <table id="energy-status-how-table">
              <tbody><tr id="energy-status-how-calculator">
                <td id="energy-status-how-activities-content">
                    The following activities can help your lounge conserve energy, and you earn points!
                     
            <table id="energy-status-how-activities-table">
              <thead>
                <tr><th>Activity</th>
                <th>Points</th>
              </tr></thead>
              <tbody>              
                <tr><td><a href="http://dasha.ics.hawaii.edu:8200/activities/commitment/turn-off-vampires">I will turn off vampire loads using a power strip</a></td>
                    <td>     
                        5
                    </td>
                </tr>
              </tbody>
            </table>
                </td>
              </tr>   
            </tbody></table> 
          </fieldset>

          <fieldset id="energy-status-posts">
            <legend>Organize with your lounge peeps</legend>
              Got ideas on how to conserve energy? Share it on the lounge wall:<br>
    
          <div id="news-wall-content">
            <div id="wall-form">
              <form id="news-post-form" action="http://dasha.ics.hawaii.edu:8200/news/post/" method="POST">
                <div style="display:none"><input type="hidden" name="csrfmiddlewaretoken" value="a24f5c59567f2c177a6fd44ab2ab1de9"></div>
                <div id="wall-post-errors"></div>
                <div id="wall-post">
                  <textarea id="id_post" rows="10" cols="40" name="post">What's on your mind?</textarea>
                </div>
                <div style="text-align: center">
                  <button id="wall-post-submit" style="font-size: 14px; margin-top:0.8em; margin-left:0.5em; margin-right:0.5em; margin-bottom:0.8em;" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-disabled ui-state-disabled ui-button-text-only" role="button" aria-disabled="true" disabled=""><span class="ui-button-text">
                      Post
                  </span></button>
                </div>
                <!--- <a id="wall-post-submit" href="#">Post</a> -->
              </form>
            </div>
            <p id="wall-no-posts" style="padding: 7px;">There are no posts yet!</p>
          </div></fieldset>
        </div>
      </div>
    </div>
  </div>
</div>
  <div id="footer">
      
  </div></div></div>
</body></html>